<template>
    <div class="menu_list">
       <div
            class="menu_list_link"
            v-for="(item,index) in menuList"
            :key="index"
       >
       <img :src="item.imgs" alt="">
       <span>{{item.title}}</span>
       </div>
    </div>
</template>

<script>
    export default {
        name:'MenuList',
        props:{
            menuList:{
                title:String,
                imgs:String
            }
        }
    }
</script>

<style lang="scss" scoped>
.menu_list{
    width: 100%;
    height: 158px;
    background: #eee;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    .menu_list_link{
        width: 75px;
        height: 75px;
        text-align: center;
        padding-top: 10px;
        img{
            width: 50px;
            display: block;
            margin-left: 10px;
        }
        span{
            display: block;
            padding-top: 5px;
        }
    }
}
</style>